<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="hotcss" content="initial-dpr=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" />
    <meta content="telephone=no,email=no” name=”format-detection" />
    <meta name="format-detection" content="telephone=no">
    <title><{$content.title}>-<{$website.title}></title>
	<meta name="keywords" content="<{$content.keywords}>">
	<meta name="description" content="<{$content.description}>">
    <link href="__STATIC__/css/bootstrap.min.css" rel="stylesheet">
    <link href="__STATIC__/css/swiper-3.4.2.min.css" rel="stylesheet">
	<link href="__STATIC__/css/share.css" rel="stylesheet">
    <link href="__STATIC__/css/case.css" rel="stylesheet">
    <script type="text/javascript" src="__STATIC__/js/jquery-2.1.4.js"></script>
    <script type="text/javascript" src="__STATIC__/js/swiper-3.4.2.jquery.min.js"></script>
</head>
<body>
<!--头部开始-->
<{include file="public/head" /}>
<!--banner图-->
<!--面包屑开始-->
<div class="crumbs">
	<div class="container">
		<{include file="public/position" /}><{$content.title}>
	</div>
</div>
<!--面包屑结束-->
<!--精品详情开始-->
<div class="casedetailswrap">
	<div class="container">
		<div class="cdleft col-xs-9">
			<div class="title">
				<h3><{$content.title}> </h3>
				<p class="date"><{$content.date}></p>
			</div>
			<ul class="textlabel">
				<li><{$content.description}></li>

			</ul>
			<div class="textcon">
				<{$content.content}> 
			</div>
			<div class="textnav">
				<p><a href="<{$pre.link}>">上一条：<{$pre.title}></a></p>
				<p><a href="<{$next.link}>">下一条：<{$next.title}></a></p>
			</div>
		</div>
		<div class="subright col-xs-3">
			 <div class="subform">
				<div class="title">
					<h3>草邦CMS装饰【先施工·后付款】</h3>
					<p>报名即刻领取2000元家装抵用券</p>
				</div>
				<div class="formcon">
					<div class="inputbox">
						<input type="text" name="contacts1" id="contacts1" placeholder="请输入姓名：" />
					</div>
					<div class="inputbox">
						<input type="text" name="mobile1"  id="mobile1" placeholder="请输入电话：" />
					</div>
					<div class="inputbox">
						<input type="text"  name="mianji1" id="mianji1" placeholder="请输入房屋面积：" />
					</div>
				</div>
				<div class="formbtn">
					<a href="javascript:;" id="submitFormn">提交申请</a>
				</div>
			</div>
			<div class="subtel">
				<img src="__STATIC__/images/case/case_03.jpg" />
			</div>
			<div class="subnewslist">
				<h3>热门新闻</h3>
				<ul>
					<{volist name=":contentlist(4,5,'visits desc,id desc')" id="li"}>
					<li>
						<a href="<{$li.link}>"><{:msubstr($li.title,0,20)}></a>
					</li>
					<{/volist}>			
				</ul>
			</div>
		</div>
	</div>
</div>
<!--精品详情结束-->
	
<!--表单开始-->
  <{include file="public/freedbook" /}>
    <!--表单结束-->
 <{include file="public/footer" /}>
 <script>
    $("#submitFormn").click(function () {
		var contacts1 = $('#contacts1').val();
		if(!contacts1) {
			layer.msg('请输入姓名');return false;
		}
		
		var mobile1 = $('#mobile1').val();
		if(!mobile1 || !isPhoneNo1(mobile1)){
			layer.msg('请输入正确的手机号');return false;
		}
		var mianji1 = $('#mianji1').val();
		if(!mianji1) {
			layer.msg('请输入房屋面积');return false;
		}
		var input_val1 = {
            contacts: contacts1,
			mianji: mianji1,
            mobile: mobile1
        };	
        $.ajax({
            type: "post",
            url: "index/Freedbook/",
            data: input_val1,
            success: function (result) {
                if (result.status === 1) {
					 layer.msg(result.info);
					 $('#mianji1').val('');
					 $('#contacts1').val('');
					 $('#mobile1').val('');
					 
                }else{
					layer.msg(result.info);
				}
            }
        });
    });
	function isPhoneNo1(phone) {
        var pattern = /^1[345789]([0-9]{9})$/;
        return pattern.test(phone);
    }
</script>  
</body>
</html>
